<template>
	<view class="mall">
		<customHeader></customHeader>
		<view class="top">
			<!-- <uni-row class="top-first">
				<uni-icons type="headphones" size="28"></uni-icons>
				<uni-row class="manage">
					<uni-icons type="gear-filled" size="28" bold></uni-icons>
					<text class="manage-backend">后台管理</text>
				</uni-row>
			</uni-row> -->
			<!-- <uni-row class="top-second">
				<uni-row>
					<uni-col span="3">
						<image src="/static/images/XXMlogo.jpg"></image>
					</uni-col>
					<uni-col span="5" justify="center" offset="-0.6">
						<text>咸虾米老店</text>
						<text>欢迎光临老店,本店商品物美价廉,小本生意,多多捧场</text>
					</uni-col>
					<uni-col span="2" offset="0.5" >
						<image src="/static/images/qrcode.png"></image>
						<text>付款</text>
					</uni-col>
				</uni-row>
			</uni-row> -->
		</view>
		
	</view>
</template>

<script setup>
	import { ref, toRefs } from "vue"
	// import { useCounterStore } from "@/stores/counter";
	// const counter = useCounterStore()
	// 响应式：对解构的stores成员count,increment用响应式包裹才会触发页面效果
	// const { count, increment } = toRefs(useCounterStore())
	
	
</script>

<style lang="scss" scoped>
.mall {
	.top {
		height: 360rpx;
		background: #ccc;
		padding: 0 20rpx;
		// &-first {
		// 	height: 144rpx;
		// 	display: flex;
		// 	align-items: center;
		// 	// border: 1px solid #000;
		// 	.back-manage {
		// 		margin-left: 26rpx;
		// 	}
		// }
		// &-second {
		// 	height: 216rpx;
		// 	display: flex;
		// 	align-items: center;
			
		// }
	}
	
	
}
</style>
